<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>DocDiscuss - Empowering Documents through Social Annotations</title>
    <link rel="shortcut icon" href="/favicon.ico" />
    <%= stylesheet_link_tag "style" %>
    <%= stylesheet_link_tag "jquery.fancybox-1.3.1" %>
    <%= ajaxful_rating_style %>

    <%= javascript_include_tag :defaults %>
    
    <%= javascript_include_tag "jquery" %>
    <%= javascript_include_tag "jquery.fancybox-1.3.1.pack" %>
    <%= javascript_include_tag "pagination" %>
    <%#= javascript_include_tag "divmanager" %>


    <script type="text/javascript">
      jQuery.noConflict();
      jQuery(document).ready(function(){
        jQuery("#zone-bar li em").click(function() {
          var hidden = jQuery(this).parents("li").children("ul").is(":hidden");

          jQuery("#zone-bar>ul>li>ul").hide()
          jQuery("#zone-bar>ul>li>a").removeClass();

          if (hidden) {
            jQuery(this)
            .parents("li").children("ul").toggle()
            .parents("li").children("a").addClass("zoneCur");
          }
        });

        //Tabbed Menu

        jQuery("a.tab").click(function () {
          // switch all tabs off
          jQuery(".active").removeClass("active");

          // switch this tab on
          jQuery(this).addClass("active");

          // slide all content up
          jQuery(".content").slideUp();

          // slide this content up
          var content_show = jQuery(this).attr("title");
          jQuery("#"+content_show).slideDown();

        });

        //fancybox


	/* This is basic - uses default settings */

	jQuery("a#single_image").fancybox();

	/* Using custom settings */

	jQuery("a#inline").fancybox({
		'hideOnContentClick': true
	});

	jQuery("a.group").fancybox({
		'speedIn'		:	600,
		'speedOut'		:	200,
		'overlayShow'	:	false
	});

        jQuery("#various5").fancybox({
	'width'			: '100%',
	'height'		: '100%',
        'autoScale'     	: true,
        'transitionIn'		: 'none',
	'transitionOut'		: 'none',
	'type'			: 'iframe'
	});

                jQuery("#various6").fancybox({
	'width'			: '100%',
	'height'		: '100%',
        'autoScale'     	: true,
        'transitionIn'		: 'none',
	'transitionOut' 	: 'none',
	'type'			: 'iframe'
	});



      });

    </script>
  </head>

  <body>
    <div id="page-wrap">

      <div id="top-bar">
        <%= render :partial => 'layouts/user_bar' %>
      </div>

      <div id="zone-bar">
        <%= render :partial => 'layouts/navigation' %>
      </div>

      <div id="main-content">
        <div id="feature-content">
          <p style="color: green"><%= flash[:notice] %></p>
          <%= yield%>
        </div>
      </div>

      <div id="footer">
        <%= render :partial => 'layouts/footer' %>
      </div>

    </div>

  </body>

</html>

